import { BrowserRouter } from 'react-router-dom';
import { ConfigProvider } from 'antd';
import AppRouter from './router';

// 高端医疗主题配置
const medicalTheme = {
  token: {
    colorPrimary: '#667eea',
    colorSuccess: '#00D68F',
    colorInfo: '#0095FF',
    colorWarning: '#FFAA00',
    colorError: '#FF3D71',
    colorLink: '#667eea',
    colorBgLayout: '#F7F9FC',
    borderRadius: 12,
    fontSize: 14,
    colorBorder: '#E4E9F2',
    colorBgContainer: 'rgba(255, 255, 255, 0.7)',
    colorText: '#2E3A59',
    colorTextSecondary: '#8F9BB3',
    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
  },
  components: {
    Button: {
      borderRadius: 12,
      controlHeight: 40,
      fontSize: 14,
      fontWeight: 500,
    },
    Card: {
      borderRadiusLG: 24,
      paddingLG: 32,
    },
    Table: {
      borderRadius: 16,
      headerBg: 'linear-gradient(135deg, rgba(102, 126, 234, 0.08) 0%, rgba(118, 75, 162, 0.08) 100%)',
      headerColor: '#2E3A59',
    },
    Menu: {
      itemBg: 'transparent',
      itemSelectedBg: 'rgba(255, 255, 255, 0.15)',
      itemSelectedColor: '#ffffff',
      itemColor: 'rgba(255, 255, 255, 0.85)',
      itemHoverBg: 'rgba(255, 255, 255, 0.1)',
      borderRadius: 12,
    },
    Progress: {
      defaultColor: '#667eea',
    },
    Tag: {
      borderRadiusLG: 8,
    },
    Input: {
      borderRadius: 12,
      controlHeight: 40,
    },
    Select: {
      borderRadius: 12,
      controlHeight: 40,
    },
  },
  algorithm: undefined,
};

function App() {
  return (
    <ConfigProvider theme={medicalTheme}>
      <BrowserRouter>
        <AppRouter />
      </BrowserRouter>
    </ConfigProvider>
  );
}

export default App;

